<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="content-language" content="vi" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="google-site-verification" content="8Z0N3ZM4DCVtGK3n8JzHedNxdGwFHGTE18nic07eMmw" />
<?php echo $this->headTitle()?>
<?php echo $this->headMeta() ?>
<?php echo $this->headLink() ?>
<?php echo $this->headScript() ?>


    <!----js cho Back top top--------
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <!----js cho Back top top-------->

	<script type="text/javascript">
        $(document).ready(function() {
           $('.wrapage').append('<div class="back_top" id="top">Top</div>');
           $(window).scroll(function() {
                if($(window).scrollTop() != 0) {
                    $('#top').fadeIn();
                } else {
                    $('#top').fadeOut();
                }
           });
           $('#top').click(function() {
                $('html, body').animate({scrollTop:0},500);
           });
        });
    </script>

<script>
		jQuery(function(){
			jQuery('#camera_wrap_1').camera({
			    height: '470px',
                hover: false,
                navigation: false,
                playPause: false,
                pauseOnClick: false,
				thumbnails: true
			});
		});
</script>

<script>
    $(function(){
        $("#productAdditionalImages .additionalImages a").hover(
            function(){
                $(this).find("img").stop().animate({opacity:0.7},"fast")
            },
            function(){
                $(this).find("img").stop().animate({opacity:1},"fast")
            }
        );}
    );
</script>
<script type="text/javascript">
	Cufon.replace('span');
	Cufon.replace('h1', {
		textShadow: '0px 1px #ddd'
	});
</script>

<style type="text/css">
	h1{
		font-size:50px;
		margin:50px;
		color:#333;
	}
	span.reference{
		font-family:Arial;
		position:fixed;
		right:10px;
		top:10px;
		font-size:15px;
	}
	span.reference a{
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
	}
</style>
</head>
<body>
<!-- WRAPPAGE (start) -->
	<div class="wrapage">

    	<!--------------------TOP (Start) ------------------------->
    	<div class="top">
       		<div class="frame-top">
                <!--------------------HEADER (Start) ------------------>
                    <?php echo $this->render('html/top_menu.php');?>
                <!--------------------HEADER (End) -------------------->
                <div class="clear"></div>
                <!--------------------Logo (Start) ------------------>
                    <?php echo $this->render('html/logo.php');?>
                <!--------------------Logo (End) -------------------->

                <!--------------------Menu (Start) ------------------>
                    <?php echo $this->render('html/main_menu.php');?>

                <!--------------------Menu (End) -------------------->
            </div>
        </div>
        <!--------------------TOP (End) --------------------------->

        <div class="clear"></div>

        <!--------------------MAIN (Start) ------------------------>
        <div class="main">
            <!--------------------LEFT(Start) --------------------->
            <div class="left width-73 float-left">
                <div class="content-left">

                    
                    
                   
          
          
    